// custom-tab-bar/index.js
Component({
    /**
     * 组件的属性列表
     */
    properties: {

    },

    /**
     * 组件的初始数据
     */
    data: {
        // 标签循环数据  isActive为是否选中
        tabs:[
            {
                id:0,
                name:"首页",
                url:"/pages/index/index",
                isActive:true,
            },
            {
                id:1,
                name:"购物车",
                url:"/pages/shopcar/shopcar",
                isActive:false,
            },
            {
                id:2,
                name:"个人中心",
                url:"/pages/personal/personal",
                isActive:false,
            }
        ]
    },

    /**
     * 组件的方法列表
     */
    methods: {
        hanldeTtemTap(e){
            console.log(e)
            //获取索引
            let index = e.currentTarget.dataset.index.id;
            //获取data里的 tabs
            let tab = this.data.tabs;
            //循环数组
            //[].forEach 遍历数组的时候 修改 v,也会导致原数组被修改
            tab.forEach((v,i)=>i===index?v.isActive=true:v.isActive=false);
            //修改数组
            this.setData({
                tabs:tab
            })
            //页面跳转
            // 出问题了！！！！！！！！
            // 放弃！！！！！
            // let urls = e.currentTarget.dataset.index.url
            // wx.switchTab({
            //   url: urls,
            // })
        }
    }
})
